<template>
  <div id="app">
    <nav class="head">
      <h2>
        <router-link to="/vue">vue</router-link>
      </h2>
      <h2>
        <router-link to="/svg">svg</router-link>
      </h2>
    </nav>
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  mounted: function () {
   
  },
  created: function () {
    
  }
}
</script>


<style lang="stylus">
*
  maring 0
  padding 0
  box-sizing border-box
  text-decoration  none
nav.head
  background-color: #222
  height: 80px
  padding 1px 0px 0px 20px
  color: white
  a
    padding 10px
    display block
    border 1px solid #eee
    float left
    color white
    border-radius 3px 
    margin-left 10px
    &.router-link-active
      background #eeeeee
      color #555
ul
  margin 0px
  padding 0px
ul li
  list-style none

</style>
